<!DOCTYPE html>
<html>
<head>
	<title>学生信息管理系统</title>
    <meta charset="UTF-8">
    <style>
        body {
            text-align: center; /*文字居中*/
            font-family: "SimSun", sans-serif; /*首选宋体*/
            background: url('hzu.jpg') no-repeat center center fixed; /*引用图片*/
            background-size: cover;
            height: 100vh;
            display: flex; /*处于页面中央*/
            flex-direction: column;
            justify-content: center;
            align-items: center;
			overflow: hidden; /*隐藏滑动条，使页面不滑动*/
        }
        /*标题字体大小*/
        h1 {
            font-size: 24px;
        }
        /*按钮*/
        button {
            margin: 10px; /*按钮外边距*/
            padding: 10px; /*按钮内边距*/
            font-size: 16px; /*字体大小*/
            border: 1px solid rgba(255, 255, 255, 0.5); /*按钮边框宽度、实线、透明度*/
            border-radius: 4px; /*按钮边框圆角半径*/
            background-color: rgba(255, 255, 255, 0.3); /*按钮背景颜色、透明度*/
            backdrop-filter: blur(10px); /*按钮模糊度*/
            color: black;
            cursor: pointer; /*鼠标指针变为手形图标*/
            transition: background-color 0.3s ease; /*按钮颜色过渡效果，过渡时间为0.3秒*/
            display: inline-block; /*可以与其他按钮在同一行显示*/
        }     
        button:hover {
            background-color: rgba(255, 255, 255, 0.5); /*鼠标悬停在上方的样子*/
        }
    </style>
</head>
	
<body>
	<h1>学生信息管理系统</h1>
	<!--按钮两两一组-->
	<div>
		<button onclick="window.location.href='add.html'">添加学生信息</button>
		<button onclick="window.location.href='update.html'">修改学生信息</button>
	</div>
	<div>
		<button onclick="window.location.href='delete.html'">删除学生信息</button>
		<button onclick="window.location.href='search.html'">查找学生信息</button>
	</div>
	<div>
		<button onclick="window.location.href='view.php'">查看所有学生信息</button>
	</div>
</body>
	
</html>
